<!DOCTYPE html>

<html lang="en" class="no-js">
    <!-- BEGIN HEAD -->
    <head>
        <meta charset="utf-8"/>
        <title>评测结果</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta content="width=device-width, initial-scale=1" name="viewport"/>
        <meta content="" name="description"/>
        <meta content="" name="author"/>

        <!-- GLOBAL MANDATORY STYLES -->
        <link href="/static/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>

        <!-- PAGE LEVEL PLUGIN STYLES -->
        <link href="/static/css/swiper.min.css" rel="stylesheet" type="text/css"/>

        <!-- THEME STYLES -->
        <link href="/static/css/layout.css" rel="stylesheet" type="text/css"/>

        <!-- Favicon -->
        <link rel="shortcut icon" href="/static/img/favicon.ico"/>
    </head>
    <!-- END HEAD -->

    <!-- BODY -->
    <body>

        <!--========== HEADER ==========-->
        <header class="header">
            <!-- Navbar -->
            <nav class="navbar" role="navigation">
                <div class="container">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="menu-container">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="toggle-icon"></span>
                        </button>

                        <!-- Logo -->
                        <div class="navbar-logo">
                            <a class="navbar-logo-wrap" href="/index">
                                <img class="navbar-logo-img" src="/static/img/logo.png" alt="BK5U">
                            </a>
                        </div>
                        <!-- End Logo -->
                    </div>

                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse nav-collapse">
                        <div class="menu-container">
                            <ul class="navbar-nav navbar-nav-right">
                                <!-- Home -->
                                <li class="nav-item">
                                    <a class="nav-item-child" href="/index">
                                        首页
                                    </a>
                                </li>
                                <!-- End Home -->

                                <!-- About -->
                                <li class="nav-item">
                                    <a class="nav-item-child" href="about.html">
                                        新闻
                                    </a>
                                </li>
                                <!-- End About -->

                                <!-- Contact -->
                                <li class="nav-item">
                                    <a class="nav-item-child" href="contact.html">
                                        院校
                                    </a>
                                </li>
                                <!-- End Contact -->

                                <!-- Work -->
                                <li class="nav-item">
                                    <a class="nav-item-child active" href="/exam">
                                        评测
                                    </a>
                                </li>
                                <!-- End Work -->

                                <!-- Work -->
                                <li class="nav-item">
                                    <<< if .IsLogin >>>
                                    <a class="nav-item-child" href="/logout">
                                        注销
                                    </a>
                                    <<< else >>>
                                    <a class="nav-item-child" href="/login">
                                        登录
                                    </a>
                                    <<< end >>>
                                </li>
                                <!-- End Work -->
                            </ul>
                        </div>
                    </div>
                    <!-- End Navbar Collapse -->
                </div>
            </nav>
            <!-- Navbar -->
        </header>
        <!--========== END HEADER ==========-->

        <!--========== PAGE LAYOUT ==========-->
        <!-- Work -->
        <div class="bg-color-sky-light" id="resultArea">
            <div class="content-md container">
                <div class="row margin-b-20">
                    <div class="col-sm-12">
                        <h2>评测结果（用户：<<< .Name >>>）</h2>
                        <p>建议请专业人士为您解读结果，评测结果仅作为方向建议以及对您兴趣的解读。请结合自身情况合理计划！</p>
                    </div>
                </div>
                <!--// end row -->
                <div class="row">
                    <div class="span5" style="width: 40%; min-width: 400px; float: left" id="hollandPicture">
                    </div>
                    <div class="span7" style="margin-left: 10px; width: 58%; float: left">
                        <table class="table table-hover table-bordered">
                            <thead>
                            <tr>
                                <th style="min-width: 70px;">
                                    类型
                                </th>
                                <th style="min-width: 50px;">
                                    得分
                                </th>
                                <th>
                                    分析
                                </th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr v-for="base in hollandResults">
                                <td>
                                {{base.name}}
                                </td>
                                <td>
                                {{base.score}}
                                </td>
                                <td>
                                {{base.description}}
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Work -->

        <!-- Clients -->
        <div class="section-seperator">
            <div class="content-md container">
                <div class="row margin-b-40">
                    <div class="col-sm-6">
                        <h2>Our Clients</h2>
                        <p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed tempor incididunt ut laboret dolore magna aliqua enim minim veniam exercitation</p>
                    </div>
                </div>
                <!--// end row -->

                <!-- Swiper Clients -->
                <div class="swiper-slider swiper-clients">
                    <!-- Swiper Wrapper -->
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img class="swiper-clients-img" src="/static/img/clients/01.png" alt="Clients Logo">
                        </div>
                        <div class="swiper-slide">
                            <img class="swiper-clients-img" src="/static/img/clients/02.png" alt="Clients Logo">
                        </div>
                        <div class="swiper-slide">
                            <img class="swiper-clients-img" src="/static/img/clients/03.png" alt="Clients Logo">
                        </div>
                        <div class="swiper-slide">
                            <img class="swiper-clients-img" src="/static/img/clients/04.png" alt="Clients Logo">
                        </div>
                        <div class="swiper-slide">
                            <img class="swiper-clients-img" src="/static/img/clients/05.png" alt="Clients Logo">
                        </div>
                        <div class="swiper-slide">
                            <img class="swiper-clients-img" src="/static/img/clients/06.png" alt="Clients Logo">
                        </div>
                    </div>
                    <!-- End Swiper Wrapper -->
                </div>
                <!-- End Swiper Clients -->
            </div>
        </div>
        <!-- End Clients -->
        <!--========== END PAGE LAYOUT ==========-->

        <!--========== FOOTER ==========-->
        <footer class="footer">
            <!-- Copyright -->
            <div class="content container">
                <div class="row">
                    <div class="col-xs-6">
                        <img class="footer-logo" src="img/logo.png" alt="Acidus Logo">
                    </div>
                    <div class="col-xs-6 text-right">
                        <p class="margin-b-0"><a class="fweight-700" href="#preview/bk5u/">BK5U</a> Official Technical Support <a href="http://www.uugu.org/" target="_blank" title="UUGU">UUGU</a></p>
                    </div>
                </div>
                <!--// end row -->
            </div>
            <!-- End Copyright -->
        </footer>
        <!--========== END FOOTER ==========-->

        <!-- Back To Top -->
        <a href="javascript:void(0);" class="js-back-to-top back-to-top">Top</a>

        <!-- JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
        <!-- CORE PLUGINS -->
        <script src="/static/js/jquery-1.11.3.min.js" type="text/javascript"></script>
        <script src="/static/js/vue.min.js" type="text/javascript"></script>
        <script src="/static/js/jquery-migrate.min.js" type="text/javascript"></script>
        <script src="/static/js/bootstrap.min.js" type="text/javascript"></script>

        <!-- PAGE LEVEL PLUGINS -->
        <script src="/static/js/jquery.easing.js" type="text/javascript"></script>
        <script src="/static/js/jquery.back-to-top.js" type="text/javascript"></script>
        <script src="/static/js/jquery.smooth-scroll.js" type="text/javascript"></script>
        <script src="/static/js/swiper.jquery.min.js" type="text/javascript"></script>
        <script src="/static/js/jquery.masonry.pkgd.min.js" type="text/javascript"></script>
        <script src="/static/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>

        <!-- PAGE LEVEL SCRIPTS -->
        <script src="/static/js/layout.min.js" type="text/javascript"></script>
        <script src="/static/js/components/swiper.min.js" type="text/javascript"></script>
        <script src="/static/js/components/masonry.min.js" type="text/javascript"></script>

        <script src="//cdn.hcharts.cn/highcharts/highcharts.js"></script>
        <script src="//cdn.hcharts.cn/highcharts/highcharts-more.js"></script>
        <script src="/static/scripts/highcharts_options.js"></script>
        <script src="/static/scripts/result.js"></script>
    </body>
    <!-- END BODY -->
</html>